<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/3.2.36/vue.global.min.js"></script>
</head>

<body>
<div id="hello-vue" class="demo">
  <p v-for="(info,key) in infos">{{key}}:{{info}}</p>
  -------------
  <p v-for="(info,key,index) in infos">{{index}}:{{key}}:{{info}}</p>
  ----------------
  <p v-for="(std,key) in stds">{{key}}:{{std}}</p>
</div>

<script>
const app =  Vue.createApp({
  data() {
    return {
      infos:{
        title:'AAA',
        abstract:"AAA BBB CCC",
        content:"aaa bbb ccc ddd  eee fff",
      },
      stds:[
        {id:"001",name:"A"},
        {id:"002",name:"B"},
      ]
    }
  }
}).mount('#hello-vue')
</script>
</body>
</html>
